﻿<%@ Page Language="C#" MasterPageFile="~/travel-hotels/Travel_Hotels.master" AutoEventWireup="true"
    CodeFile="results.aspx.cs" Inherits="travel_hotels_results" MaintainScrollPositionOnPostback="true" %>

<%@ Register Src="~/controls/usrNoJS.ascx" TagName="usrNoJS" TagPrefix="ucNoJS" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register Src="../controls/usrPhoneNo.ascx" TagName="usrPhoneNo" TagPrefix="uc1" %>
<%@ Register Src="../controls/usrDate.ascx" TagName="usrDate" TagPrefix="uc2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <style type="text/css">
        .LoadingBackground
        {
            background-color: Gray;
            filter: alpha(opacity=90);
            opacity: 0.8;
        }
    </style>
    <link rel="stylesheet" href="/css/travelcalendar.css" type="text/css" />
    <link rel="stylesheet" type="text/css" href="/css/travel_countrylist.css" />

    <script src="../includes/ValidationError-NEW.js" type="text/javascript"></script>

    <script src="../includes/ValidationEffect-NEW.js" type="text/javascript"></script>

    <script src="../includes/LoadingProgress.js" type="text/javascript"></script>

    <div class="elements_inner_wrapper">
        <asp:ScriptManager ID="ScriptManager1" runat="server" AsyncPostBackTimeout="36000">
        </asp:ScriptManager>
        <ucNoJS:usrNoJS ID="usrNoJS1" runat="server" />
        <!-- #Include file="../includes/body_loader.inc" -->
        <div class="seperator">
        </div>
        <div id="divContent" style="display: none;">
         <div class="body">
            <div>
                <div id="divfr" class="left" style="width: 723px;">
                    <table>
                        <tr>
                            <td valign="top" style="width: 200px;">
                                <div>
                                    <div id="divHotelSearch" class="h_filter">
                                        <strong>Hotel Search</strong>
                                        <br />
                                        <br />
                                        Find hotels near:
                                        <br />
                                        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                                            <ContentTemplate>
                                                <asp:DropDownList ID="ddlHotelNear" runat="server" Width="173px" OnSelectedIndexChanged="ddlHotelNear_OnIndexChanged"
                                                    AutoPostBack="true">
                                                    <asp:ListItem Value="city">a city</asp:ListItem>
                                                    <asp:ListItem Value="airport">an airport</asp:ListItem>
                                                    <asp:ListItem Value="landmark">a landmark</asp:ListItem>
                                                </asp:DropDownList>
                                            </ContentTemplate>
                                        </asp:UpdatePanel>
                                        <br />
                                        <asp:TextBox runat="server" ID="txtsearchbox" Width="170px" AutoCompleteType="Disabled"
                                            onfocus="disableautocompletion(this.id);"></asp:TextBox>
                                        <cc1:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server" TargetControlID="txtsearchbox"
                                            FirstRowSelected="true" MinimumPrefixLength="3" EnableCaching="true" CompletionSetCount="10"
                                            CompletionInterval="1000" ServiceMethod="GetLocationSearch" OnClientPopulating="ShowProcessImage"
                                            OnClientPopulated="HideProcessImage" OnClientItemSelected="SelectedCity" CompletionListCssClass="AutoExtender"
                                            CompletionListItemCssClass="AutoExtenderList" CompletionListHighlightedItemCssClass="AutoExtenderHighlight">
                                        </cc1:AutoCompleteExtender>
                                        <br />
                                        <br />
                                        <div style="font-size: xx-small; font-weight: bold;">
                                            To check availability, update your dates below.<br />
                                        </div>
                                        check-in:&nbsp;&nbsp;&nbsp;
                                        <input id="from" name="from" type="text" readonly="readonly" style="width: 80px;"
                                            value="dd/mm/yyyy" />
                                        <input id="inputCheckinDate" type="hidden" runat="server" />
                                        <br />
                                        check-out:&nbsp;
                                        <input id="to" name="to" type="text" readonly="readonly" style="width: 80px;" value="dd/mm/yyyy" />
                                        <input id="inputCheckoutDate" type="hidden" runat="server" />
                                        <br />
                                        <br />
                                        Rooms
                                        <asp:DropDownList ID="ddlRooms" runat="server" onchange="RoomShowHide();">
                                            <asp:ListItem Value="1">1</asp:ListItem>
                                            <asp:ListItem Value="2">2</asp:ListItem>
                                            <asp:ListItem Value="3">3</asp:ListItem>
                                            <asp:ListItem Value="4">4</asp:ListItem>
                                            <asp:ListItem Value="5">5</asp:ListItem>
                                            <asp:ListItem Value="6">6</asp:ListItem>
                                            <asp:ListItem Value="7">7</asp:ListItem>
                                            <asp:ListItem Value="8">8</asp:ListItem>
                                        </asp:DropDownList>
                                        <br />
                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <small>adults children</small>
                                        <br />
                                        <div id="divRoom1">
                                            Rm 1:
                                            <asp:DropDownList ID="ddlAdultsRoom1" runat="server">
                                                <asp:ListItem Value="1">1</asp:ListItem>
                                                <asp:ListItem Value="2">2</asp:ListItem>
                                                <asp:ListItem Value="3">3</asp:ListItem>
                                                <asp:ListItem Value="4">4</asp:ListItem>
                                                <asp:ListItem Value="5">5</asp:ListItem>
                                                <asp:ListItem Value="6">6</asp:ListItem>
                                            </asp:DropDownList>
                                            <asp:DropDownList ID="ddlChildrenRoom1" runat="server" onchange="ChildAgeShowHide(1);">
                                                <asp:ListItem Value="0">0</asp:ListItem>
                                                <asp:ListItem Value="1">1</asp:ListItem>
                                                <asp:ListItem Value="2">2</asp:ListItem>
                                                <asp:ListItem Value="3">3</asp:ListItem>
                                            </asp:DropDownList>
                                            <div id="divChildRoom1Child1Age" style="display: none;">
                                                Age of children:<br />
                                                <asp:DropDownList runat="server" ID="ddlChildRoom1Child1Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                            <div id="divChildRoom1Child2Age" style="display: none; ">
                                                <asp:DropDownList runat="server" ID="ddlChildRoom1Child2Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                            <div id="divChildRoom1Child3Age" style="display: none;">
                                                <asp:DropDownList runat="server" ID="ddlChildRoom1Child3Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                            <div id="divChildRoom1Child4Age" style="display: none;">
                                                <asp:DropDownList runat="server" ID="ddlChildRoom1Child4Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div id="divRoom2" style="display: none;">
                                            <br />
                                            Rm 2:
                                            <asp:DropDownList ID="ddlAdultsRoom2" runat="server">
                                                <asp:ListItem Value="1">1</asp:ListItem>
                                                <asp:ListItem Value="2">2</asp:ListItem>
                                                <asp:ListItem Value="3">3</asp:ListItem>
                                                <asp:ListItem Value="4">4</asp:ListItem>
                                                <asp:ListItem Value="5">5</asp:ListItem>
                                                <asp:ListItem Value="6">6</asp:ListItem>
                                            </asp:DropDownList>
                                            <asp:DropDownList ID="ddlChildrenRoom2" runat="server" onchange="ChildAgeShowHide(2);">
                                                <asp:ListItem Value="0">0</asp:ListItem>
                                                <asp:ListItem Value="1">1</asp:ListItem>
                                                <asp:ListItem Value="2">2</asp:ListItem>
                                                <asp:ListItem Value="3">3</asp:ListItem>
                                            </asp:DropDownList>
                                            <div id="divChildRoom2Child1Age" style="display: none;">
                                                Age of children:<br />
                                                <asp:DropDownList runat="server" ID="ddlChildRoom2Child1Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                            <div id="divChildRoom2Child2Age" style="display: none;">
                                                <asp:DropDownList runat="server" ID="ddlChildRoom2Child2Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                            <div id="divChildRoom2Child3Age" style="display: none;">
                                                <asp:DropDownList runat="server" ID="ddlChildRoom2Child3Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                            <div id="divChildRoom2Child4Age" style="display: none;">
                                                <asp:DropDownList runat="server" ID="ddlChildRoom2Child4Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div id="divRoom3" style="display: none;">
                                            <br />
                                            Rm 3:
                                            <asp:DropDownList ID="ddlAdultsRoom3" runat="server">
                                                <asp:ListItem Value="1">1</asp:ListItem>
                                                <asp:ListItem Value="2">2</asp:ListItem>
                                                <asp:ListItem Value="3">3</asp:ListItem>
                                                <asp:ListItem Value="4">4</asp:ListItem>
                                                <asp:ListItem Value="5">5</asp:ListItem>
                                                <asp:ListItem Value="6">6</asp:ListItem>
                                            </asp:DropDownList>
                                            <asp:DropDownList ID="ddlChildrenRoom3" runat="server" onchange="ChildAgeShowHide(3);">
                                                <asp:ListItem Value="0">0</asp:ListItem>
                                                <asp:ListItem Value="1">1</asp:ListItem>
                                                <asp:ListItem Value="2">2</asp:ListItem>
                                                <asp:ListItem Value="3">3</asp:ListItem>
                                            </asp:DropDownList>
                                            <div id="divChildRoom3Child1Age" style="display: none;">
                                                Age of children:<br />
                                                <asp:DropDownList runat="server" ID="ddlChildRoom3Child1Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                            <div id="divChildRoom3Child2Age" style="display: none;">
                                                <asp:DropDownList runat="server" ID="ddlChildRoom3Child2Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                            <div id="divChildRoom3Child3Age" style="display: none;">
                                                <asp:DropDownList runat="server" ID="ddlChildRoom3Child3Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                            <div id="divChildRoom3Child4Age" style="display: none;">
                                                <asp:DropDownList runat="server" ID="ddlChildRoom3Child4Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div id="divRoom4" style="display: none;">
                                            <br />
                                            Rm 4:
                                            <asp:DropDownList ID="ddlAdultsRoom4" runat="server">
                                                <asp:ListItem Value="1">1</asp:ListItem>
                                                <asp:ListItem Value="2">2</asp:ListItem>
                                                <asp:ListItem Value="3">3</asp:ListItem>
                                                <asp:ListItem Value="4">4</asp:ListItem>
                                                <asp:ListItem Value="5">5</asp:ListItem>
                                                <asp:ListItem Value="6">6</asp:ListItem>
                                            </asp:DropDownList>
                                            <asp:DropDownList ID="ddlChildrenRoom4" runat="server" onchange="ChildAgeShowHide(4);">
                                                <asp:ListItem Value="0">0</asp:ListItem>
                                                <asp:ListItem Value="1">1</asp:ListItem>
                                                <asp:ListItem Value="2">2</asp:ListItem>
                                                <asp:ListItem Value="3">3</asp:ListItem>
                                            </asp:DropDownList>
                                            <div id="divChildRoom4Child1Age" style="display: none;">
                                                Age of children:<br />
                                                <asp:DropDownList runat="server" ID="ddlChildRoom4Child1Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                            <div id="divChildRoom4Child2Age" style="display: none;">
                                                <asp:DropDownList runat="server" ID="ddlChildRoom4Child2Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                            <div id="divChildRoom4Child3Age" style="display: none;">
                                                <asp:DropDownList runat="server" ID="ddlChildRoom4Child3Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                            <div id="divChildRoom4Child4Age" style="display: none;">
                                                <asp:DropDownList runat="server" ID="ddlChildRoom4Child4Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div id="divRoom5" style="display: none;">
                                            <br />
                                            Rm 5:
                                            <asp:DropDownList ID="ddlAdultsRoom5" runat="server">
                                                <asp:ListItem Value="1">1</asp:ListItem>
                                                <asp:ListItem Value="2">2</asp:ListItem>
                                                <asp:ListItem Value="3">3</asp:ListItem>
                                                <asp:ListItem Value="4">4</asp:ListItem>
                                                <asp:ListItem Value="5">5</asp:ListItem>
                                                <asp:ListItem Value="6">6</asp:ListItem>
                                            </asp:DropDownList>
                                            <asp:DropDownList ID="ddlChildrenRoom5" runat="server" onchange="ChildAgeShowHide(5);">
                                                <asp:ListItem Value="0">0</asp:ListItem>
                                                <asp:ListItem Value="1">1</asp:ListItem>
                                                <asp:ListItem Value="2">2</asp:ListItem>
                                                <asp:ListItem Value="3">3</asp:ListItem>
                                            </asp:DropDownList>
                                            <div id="divChildRoom5Child1Age" style="display: none;">
                                                Age of children:<br />
                                                <asp:DropDownList runat="server" ID="ddlChildRoom5Child1Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                            <div id="divChildRoom5Child2Age" style="display: none;">
                                                <asp:DropDownList runat="server" ID="ddlChildRoom5Child2Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                            <div id="divChildRoom5Child3Age" style="display: none;">
                                                <asp:DropDownList runat="server" ID="ddlChildRoom5Child3Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                            <div id="divChildRoom5Child4Age" style="display: none;">
                                                <asp:DropDownList runat="server" ID="ddlChildRoom5Child4Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div id="divRoom6" style="display: none;">
                                            <br />
                                            Rm 6:
                                            <asp:DropDownList ID="ddlAdultsRoom6" runat="server">
                                                <asp:ListItem Value="1">1</asp:ListItem>
                                                <asp:ListItem Value="2">2</asp:ListItem>
                                                <asp:ListItem Value="3">3</asp:ListItem>
                                                <asp:ListItem Value="4">4</asp:ListItem>
                                                <asp:ListItem Value="5">5</asp:ListItem>
                                                <asp:ListItem Value="6">6</asp:ListItem>
                                            </asp:DropDownList>
                                            <asp:DropDownList ID="ddlChildrenRoom6" runat="server" onchange="ChildAgeShowHide(6);">
                                                <asp:ListItem Value="0">0</asp:ListItem>
                                                <asp:ListItem Value="1">1</asp:ListItem>
                                                <asp:ListItem Value="2">2</asp:ListItem>
                                                <asp:ListItem Value="3">3</asp:ListItem>
                                            </asp:DropDownList>
                                            <div id="divChildRoom6Child1Age" style="display: none;">
                                                Age of children:<br />
                                                <asp:DropDownList runat="server" ID="ddlChildRoom6Child1Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                            <div id="divChildRoom6Child2Age" style="display: none;">
                                                <asp:DropDownList runat="server" ID="ddlChildRoom6Child2Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                            <div id="divChildRoom6Child3Age" style="display: none;">
                                                <asp:DropDownList runat="server" ID="ddlChildRoom6Child3Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                            <div id="divChildRoom6Child4Age" style="display: none;">
                                                <asp:DropDownList runat="server" ID="ddlChildRoom6Child4Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div id="divRoom7" style="display: none;">
                                            <br />
                                            Rm 7:
                                            <asp:DropDownList ID="ddlAdultsRoom7" runat="server">
                                                <asp:ListItem Value="1">1</asp:ListItem>
                                                <asp:ListItem Value="2">2</asp:ListItem>
                                                <asp:ListItem Value="3">3</asp:ListItem>
                                                <asp:ListItem Value="4">4</asp:ListItem>
                                                <asp:ListItem Value="5">5</asp:ListItem>
                                                <asp:ListItem Value="6">6</asp:ListItem>
                                            </asp:DropDownList>
                                            <asp:DropDownList ID="ddlChildrenRoom7" runat="server" onchange="ChildAgeShowHide(7);">
                                                <asp:ListItem Value="0">0</asp:ListItem>
                                                <asp:ListItem Value="1">1</asp:ListItem>
                                                <asp:ListItem Value="2">2</asp:ListItem>
                                                <asp:ListItem Value="3">3</asp:ListItem>
                                            </asp:DropDownList>
                                            <div id="divChildRoom7Child1Age" style="display: none;">
                                                Age of children:<br />
                                                <asp:DropDownList runat="server" ID="ddlChildRoom7Child1Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                            <div id="divChildRoom7Child2Age" style="display: none;">
                                                <asp:DropDownList runat="server" ID="ddlChildRoom7Child2Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                            <div id="divChildRoom7Child3Age" style="display: none;">
                                                <asp:DropDownList runat="server" ID="ddlChildRoom7Child3Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                            <div id="divChildRoom7Child4Age" style="display: none;">
                                                <asp:DropDownList runat="server" ID="ddlChildRoom7Child4Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div id="divRoom8" style="display: none;">
                                            <br />
                                            Rm 8:
                                            <asp:DropDownList ID="ddlAdultsRoom8" runat="server">
                                                <asp:ListItem Value="1">1</asp:ListItem>
                                                <asp:ListItem Value="2">2</asp:ListItem>
                                                <asp:ListItem Value="3">3</asp:ListItem>
                                                <asp:ListItem Value="4">4</asp:ListItem>
                                                <asp:ListItem Value="5">5</asp:ListItem>
                                                <asp:ListItem Value="6">6</asp:ListItem>
                                            </asp:DropDownList>
                                            <asp:DropDownList ID="ddlChildrenRoom8" runat="server" onchange="ChildAgeShowHide(8);">
                                                <asp:ListItem Value="0">0</asp:ListItem>
                                                <asp:ListItem Value="1">1</asp:ListItem>
                                                <asp:ListItem Value="2">2</asp:ListItem>
                                                <asp:ListItem Value="3">3</asp:ListItem>
                                            </asp:DropDownList>
                                            <div id="divChildRoom8Child1Age" style="display: none;">
                                                Age of children:<br />
                                                <asp:DropDownList runat="server" ID="ddlChildRoom8Child1Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                            <div id="divChildRoom8Child2Age" style="display: none;">
                                                <asp:DropDownList runat="server" ID="ddlChildRoom8Child2Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                            <div id="divChildRoom8Child3Age" style="display: none;">
                                                <asp:DropDownList runat="server" ID="ddlChildRoom8Child3Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                            <div id="divChildRoom8Child4Age" style="display: none;">
                                                <asp:DropDownList runat="server" ID="ddlChildRoom8Child4Age" CssClass="input">
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <br />
                                        <asp:Button ID="btnSearch" runat="server" Text="search for hotels" OnClick="btnSearch_Click" />
                                    </div>
                                    <asp:UpdatePanel ID="upHotelSearchFilter" runat="server">
                                        <ContentTemplate>
                                            <div id="divHotelFilter" class="h_filter">
                                                <strong>Filter Results</strong>
                                                <br />
                                                <br />
                                                <span style="font-size: xx-small; font-weight: bold;">Hotel Name Contains</span><br />
                                                <asp:TextBox ID="txtHotelName" runat="server" Width="100px"></asp:TextBox>
                                                <asp:Button ID="btnGo" runat="server" Text="Go" OnClick="btnGo_Click" />
                                                <br />
                                                <br />
                                                Price (Avg. per night)<br />
                                                <asp:RadioButtonList ID="rdoPricing" runat="server" RepeatDirection="Vertical" AutoPostBack="true"
                                                    OnSelectedIndexChanged="rdoPricing_SelectedIndexChanged">
                                                    <asp:ListItem Value="All" Selected="True">All</asp:ListItem>
                                                    <asp:ListItem Value="99">Less than SG$100</asp:ListItem>
                                                    <asp:ListItem Value="199">SG$100 to SG$199</asp:ListItem>
                                                    <asp:ListItem Value="324">SG$200 to SG$324 </asp:ListItem>
                                                    <asp:ListItem Value="499">SG$325 to SG$499 </asp:ListItem>
                                                    <asp:ListItem Value="500">SG$500 +</asp:ListItem>
                                                </asp:RadioButtonList>
                                                <br />
                                                Star Rating<br />
                                                <asp:CheckBox ID="chkrating5" runat="server" AutoPostBack="true" OnCheckedChanged="chkrating_CheckedChange" />
                                                <button class="rating-5" disabled="disabled" style="vertical-align: top;">
                                                </button>
                                                <br />
                                                <asp:CheckBox ID="chkrating4" runat="server" AutoPostBack="true" OnCheckedChanged="chkrating_CheckedChange" />
                                                <button class="rating-4" disabled="disabled" style="vertical-align: top;">
                                                </button>
                                                <br />
                                                <asp:CheckBox ID="chkrating3" runat="server" AutoPostBack="true" OnCheckedChanged="chkrating_CheckedChange" />
                                                <button class="rating-3" disabled="disabled" style="vertical-align: top;">
                                                </button>
                                                <br />
                                                <asp:CheckBox ID="chkrating2" runat="server" AutoPostBack="true" OnCheckedChanged="chkrating_CheckedChange" />
                                                <button class="rating-2" disabled="disabled" style="vertical-align: top;">
                                                </button>
                                                <br />
                                                <asp:CheckBox ID="chkrating1" runat="server" AutoPostBack="true" OnCheckedChanged="chkrating_CheckedChange" />
                                                <button class="rating-1" disabled="disabled" style="vertical-align: top;">
                                                </button>
                                                <br />
                                                <br />
                                                Hotel Preferences<br />
                                                <asp:CheckBoxList ID="chkAmenities" runat="server" RepeatDirection="Vertical" AutoPostBack="true"
                                                    OnSelectedIndexChanged="chkAmenities_CheckChange">
                                                    <asp:ListItem Value="1">swimming pool</asp:ListItem>
                                                    <asp:ListItem Value="2">fitness center</asp:ListItem>
                                                    <asp:ListItem Value="3">restaurant</asp:ListItem>
                                                    <asp:ListItem Value="4">children’s activities</asp:ListItem>
                                                    <asp:ListItem Value="5">complimentary breakfast</asp:ListItem>
                                                    <asp:ListItem Value="6">meeting facilities</asp:ListItem>
                                                    <asp:ListItem Value="7">pets allowed</asp:ListItem>
                                                    <asp:ListItem Value="8">wheelchair accessible</asp:ListItem>
                                                    <asp:ListItem Value="9">kitchen/kitchenette</asp:ListItem>
                                                </asp:CheckBoxList>
                                            </div>
                                        </ContentTemplate>
                                    </asp:UpdatePanel>
                                </div>
                            </td>
                            <td valign="top">
                                <asp:UpdatePanel ID="updResults" runat="server">
                                    <ContentTemplate>
                                        <div class="m15l">
                                            <table width="100%" class="hotel_content">
                                                <tr>
                                                    <td>
                                                        <strong>Results For:
                                                            <asp:Label runat="server" ID="lblSearchText"></asp:Label></strong>
                                                        <br />
                                                        <asp:Label ID="lblMessage" runat="server"></asp:Label>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="text-align: right">
                                                        Sort By
                                                        <asp:DropDownList ID="ddlSortBy" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlSortBy_SelectedIndexChanged">
                                                            <asp:ListItem Value="default">Our Recommendation</asp:ListItem>
                                                            <asp:ListItem Value="price-lowtohigh">Price (Low to High)</asp:ListItem>
                                                            <asp:ListItem Value="price-hightolow">Price (High to Low)</asp:ListItem>
                                                            <asp:ListItem Value="star-lowtohigh">Star Rating (Low to High)</asp:ListItem>
                                                            <asp:ListItem Value="star-hightolow">Star Rating (High to Low)</asp:ListItem>
                                                            <asp:ListItem Value="hotelname">Hotel Name</asp:ListItem>
                                                        </asp:DropDownList>
                                                    </td>
                                                </tr>
                                            </table>

                                            <script type="text/javascript">
                                                IncreaseProgress(50);
                                            </script>

                                            <asp:UpdateProgress ID="updProgResults" runat="server">
                                                <ProgressTemplate>
                                                    <div style="float: left; height: 950px; width: 500px; position: absolute;">
                                                       <div style="margin-left: 270px; margin-top: 200px; vertical-align: middle;" > loading..
                                                        <img src="../images/loader/loader_main.gif" alt="Loading" width="66" height="66"  />
                                                       </div>
                                                    </div>
                                                </ProgressTemplate>
                                            </asp:UpdateProgress>
                                            <asp:GridView ID="gvResults" runat="server" AutoGenerateColumns="false" CellPadding="0"
                                                CellSpacing="0" Width="100%" ShowHeader="false" CssClass="result-wrapper clearFix"
                                                EmptyDataText="No results found. Please try again." OnRowDataBound="gvResults_RowDatabound"
                                                OnSelectedIndexChanged="gvResults_SelectedIndexChanged" DataKeyNames="hotelid">
                                                <PagerStyle />
                                                <PagerSettings Visible="true" />
                                                <Columns>
                                                    <asp:TemplateField HeaderText="" ItemStyle-Font-Size="X-Small">
                                                        <ItemTemplate>
                                                            <div>
                                                                <div class="left result-img">
                                                                    <asp:Image runat="server" ID="imgHotelLogo" ImageUrl="~/images/hotel/hotel_noimg_small.jpg" /></div>
                                                            </div>
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:TemplateField HeaderText="" ItemStyle-Font-Size="Smaller">
                                                        <ItemTemplate>
                                                            <div class="w200px left gray">
                                                                <h4>
                                                                    <%#DataBinder.Eval(Container.DataItem, "name")%></h4>
                                                                <br />
                                                                <asp:Button ID="btnRatings" runat="server" CssClass="rating-0" Enabled="false" />
                                                                <%-- <%#DataBinder.Eval(Container.DataItem, "hotelRating")%>--%><br />
                                                                <%#DataBinder.Eval(Container.DataItem, "locationdescription")%>
                                                                <%--<asp:HyperLink ID="hlnkMap" runat="server" Text="Show on Map"></asp:HyperLink>--%>
                                                                &nbsp; / &nbsp;
                                                                <asp:HyperLink ID="hlnkMoreDetails" runat="server" Text="More Details"></asp:HyperLink>
                                                                <asp:Label runat="server" ID="lblResultsCount"></asp:Label>
                                                            </div>
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:TemplateField HeaderText="Best Price<br/>Per Pax" HeaderStyle-Height="45px"
                                                        ItemStyle-Font-Size="Smaller">
                                                        <ItemTemplate>
                                                            <div class="w150px right txtright pad_10r">
                                                                Avg. Nightly Rate from
                                                                <br />
                                                                <asp:Label runat="server" ID="lblCurrency"></asp:Label>&nbsp;<asp:Label runat="server"
                                                                    ID="lblPrice" CssClass="price"></asp:Label><br />
                                                                <asp:Label runat="server" ID="lblCurrency2"></asp:Label>
                                                                <asp:Label runat="server" ID="lblPromoPrice" CssClass="price" ForeColor="Red"></asp:Label>
                                                                <br />
                                                                <asp:Label runat="server" ID="lblPromoDesc" ForeColor="OrangeRed"></asp:Label>
                                                            </div>
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:CommandField ShowSelectButton="True" ButtonType="Image" SelectImageUrl="../images/flights/button_go.png"
                                                        ControlStyle-CssClass="pad_10r" />
                                                </Columns>
                                                <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
                                                <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
                                                <SelectedRowStyle BackColor="#eeeeee" Font-Bold="True" ForeColor="#333333" Height="60px" />
                                                <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
                                                <AlternatingRowStyle />
                                                <RowStyle CssClass="borderbg" />
                                            </asp:GridView>
                                            <div style="text-align: center; width: 100%; display: none;">
                                                <asp:LinkButton ID="lnkbtnPreviousPage" runat="server" Text="Previous" OnClick="lnkbtnPreviousPage_Click"
                                                    Enabled="false"></asp:LinkButton>
                                                |
                                                <asp:LinkButton ID="lnkbtnNextPage" runat="server" Text="Next" OnClick="lnkbtnNextPage_Click"></asp:LinkButton>
                                            </div>
                                            <div style="display: none">
                                                <input type="text" runat="server" id="inputTotalAdults" />
                                                <input type="text" runat="server" id="inputTotalChild" />
                                                <input type="text" runat="server" id="inputCountryCode" />
                                                <input type="text" runat="server" id="inputDestinationID" />
                                                <input type="text" runat="server" id="inputDestinationID2" />
                                                <input type="text" runat="server" id="inputCacheKey" />
                                                <input type="text" runat="server" id="inputCacheLocation" />
                                                <input type="text" runat="server" id="inputCacheKeyPrevious" />
                                                <input type="text" runat="server" id="inputCacheLocationPrevious" />
                                                <input type="text" runat="server" id="inputCustomerSessionId" />
                                            </div>
                                        </div>
                                    </ContentTemplate>
                                </asp:UpdatePanel>
                            </td>
                        </tr>
                    </table>
                </div>

                <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script>

                <div id="sidebar" style="width: 275px; float: right;">
                    <div class="results_travel" style="margin-left: 11px;">
                        <div id="divbanner" runat="server" visible="false">
                            <a href="../travel-insurance/">
                                <img src="../images/flights/banner_travel-ins.jpg" alt="Travel Insurance" /></a></div>
                        <div id="divtravelresults" runat="server">
                            <div class="top">
                                <div class="infobox">
                                    <u><em><strong>Quotes based on your selected flight itinerary:</strong></em></u><div
                                        class="sep">
                                    </div>
                                    <div class="seperator">
                                    </div>
                                    <div style="width: 100%; margin: 0 auto; text-align: center">
                                        <asp:ImageButton runat="server" ID="imgbtnRerun" OnClick="imgbtnRerun_Click" ImageUrl="/images/icon/getnewquote_travelpack.png"
                                            AlternateText="Rerun" Style="margin: 0 auto" /><br />
                                    </div>
                                    <!-- <asp:Label runat="server" ID="lblLeftFrom"></asp:Label><br />
                                    •
                                    <asp:Label runat="server" ID="lblTrip"></asp:Label>
                                    •
                                    <asp:Label runat="server" ID="lblNoOfTraveller"></asp:Label>
                                    Adult Traveler
                                    <br />
                                    •
                                    <asp:Label runat="server" ID="lblPolicyType"></asp:Label>
                                    Plan
                                    -->
                                </div>
                            </div>

                            <script type="text/javascript">
                                IncreaseProgress(60);
                            </script>

                            <div class="body">
                                <div class="pad_10">
                                    <asp:GridView RowStyle-Height="65px" Width="100%" ID="gvTAResultsInsurer" runat="server"
                                        AutoGenerateColumns="False" CellPadding="0" GridLines="None" AllowSorting="True"
                                        DataKeyNames="TAInsID" OnRowDataBound="gvTAResultsInsurer_RowDatabound" ShowHeader="false"
                                        CssClass="seperator_flights" OnRowCommand="gvTAResultsInsurer_RowCommand">
                                        <Columns>
                                            <asp:BoundField DataField="TAInsID" InsertVisible="False" ReadOnly="True" Visible="False">
                                                <ItemStyle Width="0px" />
                                            </asp:BoundField>
                                            <asp:TemplateField HeaderText="Insurer/Plan Name">
                                                <ItemTemplate>
                                                    <table width="120" cellpadding="0" cellspacing="0" border="0">
                                                        <tr style="padding: 0; margin: 0">
                                                            <td width="75" height="42" valign="top" align="center">
                                                                <asp:Image runat="server" ID="imgCompanyLogo" Width="55" />
                                                            </td>
                                                            <td width="55" valign="top" align="center" style="padding-top: 7px; font-size: 10px;">
                                                                <%# Eval("PlanName").ToString()%>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </ItemTemplate>
                                                <ItemStyle />
                                            </asp:TemplateField>
                                            <asp:BoundField DataField="AnnualPremium" HtmlEncode="false" SortExpression="AnnualPremium"
                                                HeaderText="Premium<br /><span class='grid_font'>(w/ GST)</span>">
                                                <ItemStyle Width="280" HorizontalAlign="center" VerticalAlign="top" CssClass=" pad_5l pad_17t"
                                                    Font-Bold Font-Size="15px" />
                                            </asp:BoundField>
                                            <asp:TemplateField HeaderText="">
                                                <ItemTemplate>
                                                    <asp:ImageButton ID="imgbtnCompare" ImageUrl="../images/spacer.gif" Width="51" Height="45"
                                                        AlternateText="Buy Direct" runat="server" CommandName="Compare" />
                                                </ItemTemplate>
                                                <ItemStyle Width="70px" HorizontalAlign="Right" />
                                            </asp:TemplateField>
                                        </Columns>
                                        <FooterStyle />
                                        <PagerStyle />
                                        <SelectedRowStyle />
                                        <EditRowStyle />
                                        <%--<RowStyle CssClass="packfour tr" />--%>
                                    </asp:GridView>
                                </div>
                                <div style="margin: 0 auto; width: 266px; text-align: center;">
                                    <asp:ImageButton ID="imgbtnTravelReminder" runat="server" ImageUrl="/images/button/reminder_travel_travelpack.png"
                                        AlternateTex="Set Travel Insurance Reminder" />
                                </div>
                                <div style="margin: 0 auto; width: 266px; text-align: center; display: none;">
                                    <asp:ImageButton ID="imgbtnTest" runat="server" ImageUrl="/images/button/reminder_travel_travelpack.png"
                                        AlternateTex="Set Travel Insurance Reminder" />
                                </div>
                            </div>
                            <div class="bottom">
                                <img src="../images/flights/bg_restuls_travel_bottom.png" alt="" />
                            </div>
                        </div>
                    </div>
                    <div class="seperator">
                    </div>

                    <script type="text/javascript">
                        IncreaseProgress(70);
                    </script>

                    <div class="column_extra right">
                        <div class="top">
                        </div>
                        <div class="body">
                            <div class="pad_15">
                                <img src="/images/icon/guide_gray.png" alt="Guide" width="20" style="vertical-align: middle" />
                                &nbsp; <a href="../news/not-all-travel-insurance-policies-are-the-same.aspx" target="_blank">
                                    Importance of travel insurance</a>
                            </div>
                        </div>
                        <div class="bottom">
                        </div>
                    </div>
                </div>

              <script type="text/javascript">
                  $(function() {
                      var offset = $("#sidebar").offset();
                      $(window).scroll(function() {
                         
                          var frh = document.getElementById("divfr").clientHeight;
                          var sbh = document.getElementById("sidebar").clientHeight + 50;
                          if ($(window).scrollTop() > offset.top) {
                              // alert('top ' + offset.top);
                              // alert('scroll ' + $(window).scrollTop());
                              if ($(window).scrollTop() < (frh - sbh)) {
                                  $("#sidebar").stop().animate({
                                      marginTop: $(window).scrollTop() - (offset.top / 2) - 10
                                      //marginTop: $(window).scrollTop() - 50
                                  });                                
                              } else {
                                  $("#sidebar").stop().animate({
                                      marginTop: (frh - sbh) - (offset.top / 2) + 20
                                  });
                              }
                          }
                          else {
                              $("#sidebar").stop().animate({
                                  marginTop: 0
                              });
                          };
                      });
                  });
                </script>
                     <br clear="all" />
            </div>
            </div>
           
            <script type="text/javascript">
                IncreaseProgress(80);
            </script>

            <asp:Button runat="server" ID="btnBack" Visible="true" onmousedown="this.className = 'button_back_mousedown';"
                onmouseout="this.className = 'button_back';" onmouseup="this.className = 'button_back';"
                CssClass="button_back" CausesValidation="false" OnClick="btnBack_Click" />
            <cc1:ModalPopupExtender ID="mpeTravelReminder" runat="server" TargetControlID="imgbtnTravelReminder"
                PopupControlID="pnlReminder" BackgroundCssClass="modalBackground" DropShadow="true"
                CancelControlID="btnClose" BehaviorID="mdlPopupTravelReminder">
            </cc1:ModalPopupExtender>
            <asp:Panel ID="pnlReminder" runat="server" Style="display: none; background-color: White;">
                <asp:UpdatePanel ID="upReminder" runat="server" UpdateMode="Conditional">
                    <ContentTemplate>
                        <div class="sr_wrapper_travel" style="width: 770px; padding: 20px; border: 9px solid #3b3b3b;
                            overflow: visible; height: auto;">
                            <div class="sr_content_travel">
                                <div class="s_bubble">
                                    <p>
                                        If you are not looking for
                                        <br />
                                        insurance just yet but would
                                        <br />
                                        like to receive reminder emails
                                        <br />
                                        about products provided by
                                        <br />
                                        CompareXpress.com, just
                                        <br />
                                        leave your details below and
                                        <br />
                                        we will send you a reminder
                                        <br />
                                        one month ahead of your
                                        <br />
                                        identified product.</p>
                                </div>
                                <div class="sr_form">
                                    <h1>
                                        Travel Insurance Renewal Reminder</h1>
                                    <div class="row pad_10b">
                                        <asp:ValidationSummary ID="vsCarProfile" runat="server" ValidationGroup="reminder"
                                            ShowSummary="True" CssClass="errorSummary" HeaderText="Oops... Please complete the form">
                                        </asp:ValidationSummary>
                                    </div>
                                    <div class="f_row">
                                        <span class="form_l name_ico">Your Name</span>
                                        <div class="f_field">
                                            <asp:TextBox ID="txtFullName" MaxLength="80" runat="server" class="text" Width="206px"></asp:TextBox>
                                            <span class="indicator">
                                                <asp:RequiredFieldValidator ID="rfvFullName" runat="server" ControlToValidate="txtFullName"
                                                    CssClass="validationErrorControl" ErrorMessage="" ValidationGroup="reminder"></asp:RequiredFieldValidator>
                                                <asp:RegularExpressionValidator ID="revFullName" runat="server" ValidationExpression="^[a-zA-Z''-'\s]{1,80}$"
                                                    CssClass="validationErrorControl" ControlToValidate="txtFullName" ErrorMessage=""></asp:RegularExpressionValidator></span>
                                            </span>
                                        </div>
                                        <div class="clear">
                                        </div>
                                    </div>

                                    <script type="text/javascript">
                                        IncreaseProgress(80);
                                    </script>

                                    <div class="f_row">
                                        <span class="form_l email_ico">Email Address</span>
                                        <div class="f_field">
                                            <asp:TextBox ID="txtEmailAddress" MaxLength="250" runat="server" class="text" Width="206px"></asp:TextBox>
                                            <span class="indicator">
                                                <asp:RequiredFieldValidator ID="rfvEmailAddress" runat="server" ControlToValidate="txtEmailAddress"
                                                    Display="Dynamic" CssClass="validationErrorControl" ErrorMessage="" ValidationGroup="reminder"></asp:RequiredFieldValidator>
                                                <asp:RegularExpressionValidator ID="revEmailAddress" runat="server" ControlToValidate="txtEmailAddress"
                                                    CssClass="validationErrorControl" ErrorMessage="" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"
                                                    ValidationGroup="reminder"></asp:RegularExpressionValidator>
                                            </span>
                                        </div>
                                        <div class="clear">
                                        </div>
                                    </div>
                                    <div class="f_row">
                                        <span class="form_l date_ico">Reminder Month</span>
                                        <div class="f_field" style="z-index: 50;">
                                            <asp:DropDownList ID="ddlMonth" runat="server">
                                                <asp:ListItem Value="-1">Please select a month</asp:ListItem>
                                                <asp:ListItem Value="1">January</asp:ListItem>
                                                <asp:ListItem Value="2">February</asp:ListItem>
                                                <asp:ListItem Value="3">March</asp:ListItem>
                                                <asp:ListItem Value="4">April</asp:ListItem>
                                                <asp:ListItem Value="5">May</asp:ListItem>
                                                <asp:ListItem Value="6">June</asp:ListItem>
                                                <asp:ListItem Value="7">July</asp:ListItem>
                                                <asp:ListItem Value="8">August</asp:ListItem>
                                                <asp:ListItem Value="9">September</asp:ListItem>
                                                <asp:ListItem Value="10">October</asp:ListItem>
                                                <asp:ListItem Value="11">November</asp:ListItem>
                                                <asp:ListItem Value="12">December</asp:ListItem>
                                            </asp:DropDownList>
                                            <asp:RequiredFieldValidator CssClass="validationErrorControl" ID="rfvMonth" runat="server"
                                                ControlToValidate="ddlMonth" ErrorMessage="" InitialValue="-1" ValidationGroup="reminder"
                                                Display="Dynamic" Text=""></asp:RequiredFieldValidator>
                                        </div>
                                        <div class="clear">
                                        </div>
                                    </div>

                                    <script type="text/javascript">
                                        IncreaseProgress(90);
                                    </script>

                                    <div class="f_row">
                                        <asp:Label ID="lblAboutYouAssumption" runat="server" CssClass="assumption"></asp:Label>
                                    </div>
                                    <div id="divSubmitLoading" style="display: none">
                                        <table style="width: 100%;">
                                            <tr>
                                                <td align="center" valign="middle">
                                                    <img src="../images/loading7.gif" id="imgLoading" alt="Loading" width="30" height="20" />
                                                    <span id="divLoadingMessage">Please wait...</span>
                                                </td>
                                            </tr>
                                            <tr align="right">
                                                <td>
                                                    <a id="lnkStop" href="javascript:StopSubmit();">Cancel</a>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                    <div class="f_row">
                                        <asp:Label ID="lblSetInsMessage" Text="" Font-Size="12px" ForeColor="Green" Font-Bold="true"
                                            Font-Names="Arial" runat="server"></asp:Label>
                                    </div>
                                    <div class="f_row sr_button">
                                        <%--<asp:ImageButton ID="btnSetReminder" runat="server" ImageUrl="~/images/buttons/submit_but.gif"
                                    OnClientClick="LoadValidationErrorCss();" OnClick="btnSetReminder_Click" ValidationGroup="reminder"
                                    AlternateText="Set Reminder" ToolTip="Set Reminder for Insurance" />--%>
                                        <asp:Button runat="server" ID="btnSetReminder" onmousedown="this.className = 'button_submit_mousedown';"
                                            onmouseup="this.className = 'button_submit';" onmouseout="this.className = 'button_submit';"
                                            CssClass="button_submit" ValidationGroup="reminder" OnClientClick="LoadValidationErrorCss();ShowSubmitProgress('reminder');if (Page_ClientValidate('reminder')){this.removeAttribute('onmouseout');this.removeAttribute('onmouseup');this.className = 'button_processing';}"
                                            OnClick="btnSetReminder_Click" />
                                    </div>
                                </div>
                            </div>
                            <div style="text-align: left; width: 100%;">
                                <asp:Button ID="btnClose" runat="server" Text="Close" Width="50px" OnClientClick="HidePanel(); HideTravelReminder();" />
                            </div>
                        </div>
                    </ContentTemplate>
                </asp:UpdatePanel>
            </asp:Panel>
            <cc1:ModalPopupExtender ID="mpeUserInfo" runat="server" TargetControlID="imgbtnTest"
                PopupControlID="pnlUserInfo" BackgroundCssClass="modalBackground" DropShadow="true"
                CancelControlID="btnUserClose" BehaviorID="mdlPopupUserInfo">
            </cc1:ModalPopupExtender>
            <asp:Panel ID="pnlUserInfo" runat="server" Style="display: none; background-color: White;"
                DefaultButton="btnUserInfo">
                <asp:UpdatePanel ID="upUserInfo" runat="server" UpdateMode="Conditional">
                    <ContentTemplate>
                        <div class="sr_wrapper_travel_new" style="width: 430px; padding: 20px; border: 9px solid #3b3b3b;
                            overflow: visible; height: auto;">
                            <div class="sr_content_travel_3">
                                <div class="sr_form_new">
                                    <h1>
                                        Simply enter the details below and you can have instant access to all travel insurance
                                        packages.</h1>
                                    <div class="row pad_10b">
                                        <asp:ValidationSummary ID="ValidationSummary1" runat="server" ValidationGroup="userinfo"
                                            ShowSummary="True" CssClass="errorSummary" HeaderText="Oops... Please complete the form">
                                        </asp:ValidationSummary>
                                    </div>
                                    <div class="f_row">
                                        <span class="form_l name_ico">Your Name</span>
                                        <div class="f_field">
                                            <asp:TextBox ID="txtUserName" MaxLength="80" runat="server" class="text" Width="206px"></asp:TextBox>
                                            <span class="indicator">
                                                <asp:RequiredFieldValidator ID="rfvUserName" runat="server" ControlToValidate="txtUserName"
                                                    CssClass="validationErrorControl" ErrorMessage="" ValidationGroup="userinfo"></asp:RequiredFieldValidator>
                                                <asp:RegularExpressionValidator ID="revUsername" runat="server" ValidationExpression="^[a-zA-Z''-'\s]{1,80}$"
                                                    CssClass="validationErrorControl" ControlToValidate="txtUserName" ErrorMessage=""
                                                    ValidationGroup="userinfo"></asp:RegularExpressionValidator></span> </span>
                                        </div>
                                        <div class="clear">
                                        </div>
                                    </div>
                                    <div class="f_row">
                                        <span class="form_l email_ico">Email Address</span>
                                        <div class="f_field">
                                            <asp:TextBox ID="txtUserEmail" MaxLength="250" runat="server" class="text" Width="206px"></asp:TextBox>
                                            <span class="indicator">
                                                <asp:RequiredFieldValidator ID="rfvUserEmail" runat="server" ControlToValidate="txtUserEmail"
                                                    Display="Dynamic" CssClass="validationErrorControl" ErrorMessage="" ValidationGroup="userinfo"></asp:RequiredFieldValidator>
                                                <asp:RegularExpressionValidator ID="revUserEmail" runat="server" ControlToValidate="txtUserEmail"
                                                    CssClass="validationErrorControl" ErrorMessage="" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"
                                                    ValidationGroup="userinfo"></asp:RegularExpressionValidator>
                                            </span>
                                        </div>
                                        <div class="clear">
                                        </div>
                                    </div>
                                    <div class="f_row">
                                        <span class="form_l mobile_ico">Mobile No</span>
                                        <div class="f_field" style="z-index: 50;">
                                            <uc1:usrPhoneNo ID="txtMobileNo" ValidationGroup="userinfo" IsEnabled="true" PhoneNoErrorMessage="Mobile Phone No must be number value."
                                                PhoneNoValidErrorMessage="Mobile phone no is not valid." IsRequired="true" PhoneNoRequireErrorMessage="Require Mobile Phone No."
                                                runat="server" />
                                        </div>
                                        <div class="clear">
                                        </div>
                                    </div>
                                    <div>
                                        <span class="form_l dob_ico">Date of Birth</span>
                                        <div class="f_field" style="z-index: 50;">
                                            <uc2:usrDate ID="userBirthday" ValidationGroup="userinfo" runat="server" />
                                        </div>
                                        <div class="clear">
                                        </div>
                                    </div>

                                    <script type="text/javascript">
                                        IncreaseProgress(95);
                                    </script>

                                    <div class="f_row">
                                        <asp:Label ID="Label1" runat="server" CssClass="assumption"></asp:Label>
                                    </div>
                                    <div id="div1" style="display: none">
                                        <table style="width: 100%;">
                                            <tr>
                                                <td align="center" valign="middle">
                                                    <img src="../images/loading7.gif" id="img1" alt="Loading" width="30" height="20" />
                                                    <span id="Span1">Please wait...</span>
                                                </td>
                                            </tr>
                                            <tr align="right">
                                                <td>
                                                    <a id="A1" href="javascript:StopSubmit();">Cancel</a>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                    <div class="f_row">
                                        <asp:Label ID="Label2" Text="" Font-Size="12px" ForeColor="Green" Font-Bold="true"
                                            Font-Names="Arial" runat="server"></asp:Label>
                                    </div>
                                    <div class="f_row sr_button">
                                        <%--<asp:ImageButton ID="imgbtnUserInfo" runat="server" ImageUrl="~/images/buttons/proceed2.gif"
                                    OnClientClick="LoadValidationErrorCss();" ValidationGroup="userinfo" AlternateText="Get quote"
                                    ToolTip="Get travel quote" OnClick="imgbtnUserInfo_Click" />--%>
                                        <asp:Button runat="server" ID="btnUserInfo" onmousedown="this.className = 'button_submit_mousedown';"
                                            onmouseup="this.className = 'button_submit';" onmouseout="this.className = 'button_submit';"
                                            CssClass="button_submit" ValidationGroup="userinfo" OnClientClick="LoadValidationErrorCss();ShowSubmitProgress('userinfo');if (Page_ClientValidate('userinfo')){this.removeAttribute('onmouseout');this.removeAttribute('onmouseup');this.className = 'button_processing';}"
                                            OnClick="btnUserInfo_Click" />
                                        <div class="login_terms">
                                            <a href="/privacy/privacy.aspx" target="_blank">* Privacy Policy</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div style="text-align: left; width: 100%;">
                                <asp:Button ID="btnUserClose" runat="server" Text="Close" Width="50px" OnClientClick="HidePanel();" />
                            </div>
                        </div>
                    </ContentTemplate>
                </asp:UpdatePanel>
            </asp:Panel>
            <div style="display: none;">
                <input runat="server" id="inair" type="text" /><input runat="server" id="inid" type="text" /><input
                    runat="server" id="inprovider" type="text" /><input runat="server" id="incountryid"
                        type="text" />
            </div>

            <script type="text/jscript">
                $("tr.packone").slideUp(0).delay(2000).fadeIn(700);
                $("tr.packtwo").slideUp(0).delay(4000).fadeIn(700);
                $("tr.packthree").slideUp(0).delay(6000).fadeIn(700);
                $("tr.packfour").slideUp(0).delay(8000).fadeIn(700);
                $("tr.packfive").slideUp(0).delay(10000).fadeIn(700);
                $("tr.packsix").slideUp(0).delay(12000).fadeIn(700);
                $("tr.packseven").slideUp(0).delay(14000).fadeIn(700);
                $("tr.packeight").slideUp(0).delay(16000).fadeIn(700);
            </script>

        </div>
    </div>

    <script type="text/javascript" src="../js/jquery-1.5.1.js"></script>

    <script type="text/javascript" src="../js/jquery.ui.datepicker.js"></script>

    <script type="text/javascript" src="../js/jquery.ui.core.js"></script>

    <script type="text/javascript" src="../js/jquery.ui.widget.js"></script>

    <script type="text/javascript">

        function EndRequestHandler(sender, args) {
            //            if (args.get_error() == undefined)
            //                alert("Your text has: character(s)");
            //            else
            //                alert("There was an error" + args.get_error().message);

            if (document.getElementById('<%=inputCheckinDate.ClientID%>').value != '') {
                document.getElementById('from').value = document.getElementById('<%=inputCheckinDate.ClientID%>').value;
            }
            if (document.getElementById('<%=inputCheckoutDate.ClientID%>').value != '') {
                document.getElementById('to').value = document.getElementById('<%=inputCheckoutDate.ClientID%>').value;
            }
        }


        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);


        window.onload = function() {

            if (document.getElementById('<%=inputCheckinDate.ClientID%>').value != '') {
                document.getElementById('from').value = document.getElementById('<%=inputCheckinDate.ClientID%>').value;
            }
            if (document.getElementById('<%=inputCheckoutDate.ClientID%>').value != '') {
                document.getElementById('to').value = document.getElementById('<%=inputCheckoutDate.ClientID%>').value;
            }

            RoomShowHide();
            ChildAgeShowHide(1);
            ChildAgeShowHide(2);
            ChildAgeShowHide(3);
            ChildAgeShowHide(4);
            ChildAgeShowHide(5);
            ChildAgeShowHide(6);
            ChildAgeShowHide(7);
            ChildAgeShowHide(8);
        }

        function UpdateCheckinDate() {
            document.getElementById('<%=inputCheckinDate.ClientID%>').value = document.getElementById('from').value;
        }

        function UpdateCheckoutDate() {
            document.getElementById('<%=inputCheckoutDate.ClientID%>').value = document.getElementById('to').value;
        }

        $(function() {
            var dates = $("#from").datepicker({
                //showAnim: 'slideDown',
                showOn: 'both',
                buttonImage: '/images/icon/calendar.gif',
                buttonImageOnly: true,
                defaultDate: "+1w",
                changeMonth: true,
                numberOfMonths: 2,
                dateFormat: "dd/mm/yy",
                //minDate: '+1d',
                beforeShow: setFromRange,
                onSelect: function(selectedDate) {
                    var option = this.id == "from" ? "minDate" : "maxDate",
					instance = $(this).data("datepicker"),
					date = $.datepicker.parseDate(
						instance.settings.dateFormat ||
						$.datepicker._defaults.dateFormat,
						selectedDate, instance.settings);
                    dates.not(this).datepicker("option", option, date);

                    var newDate = $(this).datepicker('getDate');
                    var toDate = $('#to').datepicker('getDate');
                    if (newDate) { // Not null
                        newDate.setDate(newDate.getDate() + 2);

                        if (newDate > toDate) {
                            $('#to').datepicker('setDate', newDate);
                            UpdateCheckoutDate()
                        }
                    }

                    UpdateCheckinDate();

                }
            });

            var dates = $("#to").datepicker({
                showOn: 'both',
                buttonImage: '/images/icon/calendar.gif',
                buttonImageOnly: true,
                defaultDate: "+1w",
                changeMonth: true,
                numberOfMonths: 2,
                dateFormat: "dd/mm/yy",
                //minDate: '+1d',
                beforeShow: setToRange,
                onSelect: function(selectedDate) {
                    var option = this.id == "from" ? "minDate" : "maxDate",
					instance = $(this).data("datepicker"),
					date = $.datepicker.parseDate(
						instance.settings.dateFormat ||
						$.datepicker._defaults.dateFormat,
						selectedDate, instance.settings);
                    dates.not(this).datepicker("option", option, date);
                    UpdateCheckoutDate();
                }
            });


            function setToRange() {

                var next183Days;
                next183Days = $("#from").datepicker('getDate');
                next183Days.setDate(next183Days.getDate() + 182);

                var minDate = $("#from").datepicker('getDate');
                minDate.setDate(minDate.getDate() + 1);

                var maxDate = next183Days;

                return {

                    minDate: minDate,
                    maxDate: maxDate

                }

            }

            function setFromRange() {

                var fullDate = new Date();
                fullDate.setDate(fullDate.getDate() + 1);

                var min183Days;
                min183Days = $("#to").datepicker('getDate');
                min183Days.setDate(min183Days.getDate() - 183);

                var minDate = min183Days;
                var maxDate = $("#to").datepicker('getDate');

                if (min183Days < fullDate) {
                    minDate = fullDate;
                }

                return {

                    minDate: minDate
                    //maxDate: maxDate

                }

            }

        });

        function ShowHideDiv(divName, varOnOff) {
            if (varOnOff) {
                document.getElementById(divName).style.display = "";
            }
            else {
                document.getElementById(divName).style.display = "none";
            }
        }

        function RoomShowHide() {
            var _count = document.getElementById('<%=ddlRooms.ClientID%>').value;

            for (var i = 1; i <= 8; i++) {
                if (_count >= i)
                    ShowHideDiv('divRoom' + i.toString(), true);
                else
                    ShowHideDiv('divRoom' + i.toString(), false);
            }
        }

        function ChildAgeShowHide(roomNo) {


            var _count = 0;

            if (roomNo == 1) {
                _count = document.getElementById('<%=ddlChildrenRoom1.ClientID%>').value;

                for (var i = 1; i <= 4; i++) {
                    if (_count >= i)
                        ShowHideDiv('divChildRoom1Child' + i.toString() + 'Age', true);
                    else
                        ShowHideDiv('divChildRoom1Child' + i.toString() + 'Age', false);
                }
            }

            if (roomNo == 2) {
                _count = document.getElementById('<%=ddlChildrenRoom2.ClientID%>').value;

                for (var i = 1; i <= 4; i++) {
                    if (_count >= i)
                        ShowHideDiv('divChildRoom2Child' + i.toString() + 'Age', true);
                    else
                        ShowHideDiv('divChildRoom2Child' + i.toString() + 'Age', false);
                }
            }

            if (roomNo == 3) {
                _count = document.getElementById('<%=ddlChildrenRoom3.ClientID%>').value;

                for (var i = 1; i <= 4; i++) {
                    if (_count >= i)
                        ShowHideDiv('divChildRoom3Child' + i.toString() + 'Age', true);
                    else
                        ShowHideDiv('divChildRoom3Child' + i.toString() + 'Age', false);
                }
            }

            if (roomNo == 4) {
                _count = document.getElementById('<%=ddlChildrenRoom4.ClientID%>').value;

                for (var i = 1; i <= 4; i++) {
                    if (_count >= i)
                        ShowHideDiv('divChildRoom4Child' + i.toString() + 'Age', true);
                    else
                        ShowHideDiv('divChildRoom4Child' + i.toString() + 'Age', false);
                }
            }

            if (roomNo == 5) {
                _count = document.getElementById('<%=ddlChildrenRoom5.ClientID%>').value;

                for (var i = 1; i <= 4; i++) {
                    if (_count >= i)
                        ShowHideDiv('divChildRoom5Child' + i.toString() + 'Age', true);
                    else
                        ShowHideDiv('divChildRoom5Child' + i.toString() + 'Age', false);
                }
            }

            if (roomNo == 6) {
                _count = document.getElementById('<%=ddlChildrenRoom6.ClientID%>').value;

                for (var i = 1; i <= 4; i++) {
                    if (_count >= i)
                        ShowHideDiv('divChildRoom6Child' + i.toString() + 'Age', true);
                    else
                        ShowHideDiv('divChildRoom6Child' + i.toString() + 'Age', false);
                }
            }

            if (roomNo == 7) {
                _count = document.getElementById('<%=ddlChildrenRoom7.ClientID%>').value;

                for (var i = 1; i <= 4; i++) {
                    if (_count >= i)
                        ShowHideDiv('divChildRoom7Child' + i.toString() + 'Age', true);
                    else
                        ShowHideDiv('divChildRoom7Child' + i.toString() + 'Age', false);
                }
            }

            if (roomNo == 8) {
                _count = document.getElementById('<%=ddlChildrenRoom8.ClientID%>').value;

                for (var i = 1; i <= 4; i++) {
                    if (_count >= i)
                        ShowHideDiv('divChildRoom8Child' + i.toString() + 'Age', true);
                    else
                        ShowHideDiv('divChildRoom8Child' + i.toString() + 'Age', false);
                }
            }

        }

        function ShowOtherProviders(id, idlink) {

            if (document.getElementById(id).style.display == 'none') {
                document.getElementById(id).style.display = 'block';
                document.getElementById(idlink).innerHTML = 'Hide All Prices';
            }
            else {
                document.getElementById(id).style.display = 'none';
                document.getElementById(idlink).innerHTML = 'Show All Prices';
            }
        }

        function ShowPopup() {
            var modpop = $find("mdlPopupUserInfo");
            if (!modpop) { return; }
            modpop.show()
        }

        function HidePanel() {
            document.getElementById('<%=pnlUserInfo.ClientID%>').style.display = 'none';
            document.getElementById('<%=pnlReminder.ClientID%>').style.display = 'none';
        }

        function HideTravelReminder() {

            var modpop = $find("mdlPopupTravelReminder");
            if (!modpop) { return; }
            modpop.hide()
        }

        function ShowProcessImage() {

            var autocomplete = document.getElementById('<%=txtsearchbox.ClientID%>');
            autocomplete.className = 'inputCountry';
            autocomplete.style.backgroundImage = 'url(../images/loader/small_loading.gif)';
            autocomplete.style.backgroundRepeat = 'no-repeat';
            autocomplete.style.backgroundPosition = 'right';
        }
        function HideProcessImage() {
            var autocomplete = document.getElementById('<%=txtsearchbox.ClientID%>');
            autocomplete.style.backgroundImage = 'none';
            autocomplete.className = 'inputCountry';
        }

        function SelectedCity(source, eventArgs) {
            var hdnValueID = "<%=inputDestinationID2.ClientID %>";
            document.getElementById(hdnValueID).value = eventArgs.get_value();
        }

        function disableautocompletion(id) {
            var txtControl = document.getElementById(id);
            txtControl.setAttribute("autocomplete", "off");
        }

        IncreaseProgress(100);

        HideLoading();

    </script>

</asp:Content>
